<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>转动大风车</title>
	</head>
	<style>
		img{
			animation: dfc  1s linear infinite;
		}
		@keyframes dfc{
			0%{transform:rotate(18deg) scale(1)}
			10%{transform:rotate(36deg) scale(1)}
			20%{transform:rotate(54deg) scale(1)}
			30%{transform:rotate(72deg) scale(1)}
			40%{transform:rotate(90deg) scale(1)}
			50%{transform:rotate(108deg) scale(1)}
			60%{transform:rotate(126deg) scale(1)}
			70%{transform:rotate(142deg) scale(1)}
			80%{transform:rotate(160deg) scale(1)}
			90%{transform:rotate(172deg) scale(1)}
			100%{transform:rotate(190deg) scale(1)}
			
			
			
			
			
		}
	</style>
	<body>
		<img src="CSS/dfc.jpg" alt="大风车">
	</body>
</html>